﻿/* 基础通用样式 */

body {
    padding: 0;
    margin: 0;
    cursor: default;
    color:#333333;
    vertical-align: middle;
    -webkit-text-size-adjust: none;
    /*一般用处是防止iPhone在坚屏转向横屏时放大文字*/
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 26px;
    box-sizing: border-box;
    background-color: #f0f2f5;
}

ul, li, dl, dd, dt, form, p, h1, h2, h3, h4, h5, h6, h7, input, select, pre {
    padding: 0;
    margin: 0;
    list-style: none;
    outline: none;
    font-size: 14px;
}

/* 标题 */

h1 {
    font-size: 32px;
    font-weight: bold;
    line-height: 36px;
}

h2 {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
}

h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
}

h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}

h5 {
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
}

/* 段落 */

p {
    padding: 10px 0 0 0;
    line-height: 22px;
}

/* span */

span {
    line-height: 22px;
    padding: 5px 0;
}
.banner{
    height:407px;
}
.banner img{
    width:100%;
}
.imgWrap{
    margin-bottom: 15px;
}
.imgWrap img {
    width: 100%;
}
.imgWrap p {
    text-align: center;
}

/* 列表 */

li {
    font-size: 16px;
    line-height: 26px;
    list-style: none;
}

.minUl>li {
    font-size: 14px;
    line-height: 26px;
}

/* 浮动 */

.floatWrapUl, .floatWrapDiv {
    overflow: hidden;
}

.floatWrapUl>li, .floatWrapDiv>div {
    float: left;
}

/* 链接 */

a {
    line-height: 22px;
    color: #666666;
}

a:link, a:visited {
    color: #666666;
    text-decoration: none;
}

a:hover, a:active {
    color: #0059a9;
    text-decoration: none;
}

a img {
    border: none;
}

/* 表单---input */

input, select {
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    background-color: #ffffff;
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif;
}

input::-webkit-input-placeholder {/* WebKit, Blink, Edge */
    color: #666666;
}

input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
    color: #666666;
}

input::-moz-placeholder {/* Mozilla Firefox 19+ */
    color: #666666;
}

input:-ms-input-placeholder {/* Internet Explorer 10-11 */
    color: #666666;
}

input[type="text"]:focus {
    border: 1px solid #0059a9;
}

.inputError {
    border: 1px solid #ee1e1a;
}

/* 表单---按钮 */

button {
    text-align: center;
    margin-right: 10px;
    border-radius: 4px;
    letter-spacing: 3px;
    border: none;
    cursor: pointer;
}

.lgBth {
    line-height: 40px;
    height: 40px;
    width: 120px;
}

.mdBth {
    line-height: 30px;
    height: 30px;
    width: 80px;
}

.smBth {
    line-height: 30px;
    height: 26px;
    width: 60px;
}

.grayBtn {
    color: #000000;
    background-color: #cccccc;
}
.grayBtn:hover {
    color: #ffffff;
    background-color: #0059a9;
}
.grayDarkBtn {
    color: #ffffff;
    background-color: #666666;
}
.grayDarkBtn:hover {
    color:#0059a9;
    background-color: #cccccc;
}

.blueBtn {
    color: #ffffff;
    background: #0059a9;
}

.blueBtn:hover {
    background: #0073fe;
}

.lightBlueBth {
    color: #ffffff;
    background: #0073fe;
}

.nobgGrayBth {
    border: 1px solid #cccccc;
    color: #000000;
}

.nobgBlueBth {
    border: 1px solid #0059a9;
    color: #0059a9;
}

.nobgBlueBth:hover {
    border: 1px solid #0073fe;
    color: #0073fe;
}

.nobgLightBlueBth {
    border: 1px solid #0073fe;
    color: #0073fe;
    background-color: #F5FAFF;
}

.nobgLightBlueBth:hover {
    border: 1px solid #0059a9;
    color: #0059a9;
}

/*滚动条样式*/
::-webkit-scrollbar {
    width:5px;
    height: 8px;
    background:#fff;
}
::-webkit-scrollbar-button    {
    background-color:transparent;
}
::-webkit-scrollbar-track     {
    background:transparent;
}
::-webkit-scrollbar-thumb{/*滚动条颜色*/
    background:#c2c6cc;
    border-radius:5px;
}
::-webkit-scrollbar-corner {
    background:transparent;
}
::-webkit-scrollbar-resizer  {
    background:#2d8cf0;
}

/*渐变背景 左-右 --海尔蓝*/

.line-gradientBgLeft {
    color:#ffffff;
    background-color: #0059a9;
    background: -webkit-linear-gradient(left, #0059a9, #5399D8);/* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #0059a9, #5399D8);/* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #0059a9, #5399D8);/* Firefox 3.6 - 15 */
    background: linear-gradient(left, #0059a9, #5399D8);/* 标准的语法 */
}
/*渐变背景 左-右 --海尔橙*/
.line-gradientBgLeftOrange {
    color:#ffffff;
    background-color: #FB6445;
    background: -webkit-linear-gradient(left, #EE1E1A, #FFC000);/* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #EE1E1A, #FFC000);/* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #EE1E1A, #FFC000);/* Firefox 3.6 - 15 */
    background: linear-gradient(left, #EE1E1A, #FFC000);/* 标准的语法 */
}
/*渐变背景 上-下*/

.line-gradientBgTop {
    color:#ffffff;
    background-color: #0059a9;
    background: -webkit-linear-gradient(top, #0092D4, #0059A9);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #0092D4, #0059a9);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #0092D4, #0059a9);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(top, #0092D4, #0059a9);
    /* 标准的语法 */
}
.bg_white{
    background-color: #ffffff;
}

/* 错误提示 */

.error {
    color: #ee1e1a;
}

/* 弹出框 */

.mask {
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mask .tk {
    width: 500px;
    height: 300px;
    border-radius: 5px;
    padding: 24px;
}

.tk .closeBtn {
    width: 20px;
    height: 20px;
    color: #cccccc;
    position: relative;
    top: 10px;
    right: 10px;
    background: url(../images/closeBtn.jpg) center center;
    background-size: contain;
}

.tk .title {
    border-bottom: 1px solid #cccccc;
}

.tk .content {
    text-align: center;
    min-height: 100px;
}

.tk .foot {
    text-align: center;
}

/* 垂直水平居中div */

.centerDivWrap {
    position: relative;
}

.centerDiv {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

/*清除浮动*/

.clearfix {
    clear: both;
}

.clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0px;
}

.layout {
    width: 1180px;
    margin: 0 auto;
}
/*文字居中*/
.text-left{
    text-align: left;
}
.text-right{
    text-align: right
}
.text-center{
    text-align: center
}
/*基础margin值*/
/*margin-right:0*/
.margin_r0{
    margin-right: 0 !important;
}
/*基础margin 10px*/
.mg10{
    margin:10px;
}
.mg_l10{
    margin-left: 10px;
}
.mg_r10{
    margin-right: 10px;
}
.mg_t10{
    margin-top: 10px;
}
.mg_b10{
    margin-bottom: 10px;
}
/*基础margin 16px*/
.mg16{
    margin: 16px;
}
.mg_l16{
    margin-left: 16px;
}
.mg_r16{
    margin-right: 16px;
}
.mg_t16{
    margin-top: 16px;
}
.mg_b16{
    margin-bottom: 16px;
}
/*基础margin 24px*/
.mg24{
    margin: 24px;
}
.mg_l24{
    margin-left: 24px;
}
.mg_r24{
    margin-right: 24px;
}
.mg_t24{
    margin-top: 24px;
}
.mg_b24{
    margin-bottom: 24px;
}
/*基础margin 32px*/
.mg32{
    margin: 32px;
}
.mg_l32{
    margin-left: 32px;
}
.mg_r32{
    margin-right: 32px;
}
.mg_t32{
    margin-top: 32px;
}
.mg_b32{
    margin-bottom: 32px;
}
/*基础padding 10px值*/
.pd_r0{
    padding-right: 0;
}
.pd10{
    padding:10px;
}
.pd_l10{
    padding-left: 10px;
}
.pd_r10{
    padding-right: 10px;
}
.pd_t10{
    padding-top: 10px;
}
.pd_b10{
    padding-bottom: 10px;
}
/*基础padding 16px值*/
.pd16{
    padding:16px;
}
.pd_l16{
    padding-left: 16px;
}
.pd_r16{
    padding-right: 16px;
}
.pd_t16{
    padding-top: 16px;
}
.pd_b16{
    padding-bottom: 16px;
}
/*基础padding 24px值*/
.pd24{
    padding:24px;
}
.pd_l24{
    padding-left: 24px;
}
.pd_r24{
    padding-right: 24px;
}
.pd_t24{
    padding-top: 24px;
}
.pd_b24{
    padding-bottom: 24px;
}
/*基础padding 32px值*/
.pd32{
    padding:32px;
}
.pd_l32{
    padding-left: 32px;
}
.pd_r32{
    padding-right: 32px;
}
.pd_t32{
    padding-top: 32px;
}
.pd_b32{
    padding-bottom: 32px;
}
/* 字体选中颜色 */
.active{
    color: #0059a9;
}
.breadcrumb{
    margin-bottom: 16px;
}
.breadcrumb a{
    color: #0059a9;
}
/*覆盖layui---分页*/
.layui-laypage-btn{
    display: none;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    border-radius: 5px;
}
.layui-laypage a, .layui-laypage span{
    padding: 0px 12px;
    border-radius: 5px;
    margin: 0 2px;
}
.layer-ext-myskin .layui-layer-content {/*防止分页下拉框显示不全*/
    overflow: visible;
}


